.top {
    width: 100%;
    height: auto;
    display: flex;
}
.top_l img {
    width: 100%;
}
.dh {
    width: 58%;
    height: auto;
}
.dh ul {
    width: 76%;
    display: flex;
    margin: 0 auto;
}
.dh ul li {
    width: 100%;
    height: 80px;
    line-height: 80px;
    text-align: center;
    position: relative;
    
}
.dh li a {
    width: 100%;
    font-size: 20px;
    color: #333;
    display: block;
}
.top_r {
    width: 16%;
    background-color: rgb(1 120 189);
}
.top_r p {
    font-size: 25px;
    color: #fff;
}
.dh li a:hover {
    color: rgb(1, 58, 145);
}
.dh li::before {
    content: "";
    position: absolute;
    bottom: 10px;
    left: 28px;
    width: 0%;
    height: 3px;
    background-color: rgb(1, 106, 167);
}
.dh li:hover::before {
    width: 60%;
    transition: all 0.5s ease;
}
@media (max-width:1440px) {
    .top {
        width: 100%;
        height: auto;
        display: flex;
    }
    .top_l img {
        width: 100%;
    }
    .dh {
        width: 58%;
        height: auto;
    }
    .dh ul {
        width: 95%;
        display: flex;
        margin: 0 auto;
    }
    .dh ul li {
        width: 100%;
        height: 80px;
        line-height: 80px;
        text-align: center;
        position: relative;
        
    }
    .dh li a {
        width: 100%;
        font-size: 20px;
        color: #333;
        display: block;
    }
    .top_r {
        width: 21%;
        background-color: rgb(1 120 189);
    }
    .top_r p {
        font-size: 25px;
        color: #fff;
    }
    .dh li a:hover {
        color: rgb(1, 58, 145);
    }
    .dh li::before {
        content: "";
        position: absolute;
        bottom: 10px;
        left: 28px;
        width: 0%;
        height: 3px;
        background-color: rgb(1, 106, 167);
    }
    .dh li:hover::before {
        width: 60%;
        transition: all 0.5s ease;
    }
}
@media (max-width:1024px) {
    .top {
        width: 100%;
        height: auto;
        display: flex;
    }
    .top_l img {
        width: 100%;
    }
    .dh {
        width: 70%;
        height: auto;
    }
    .dh ul {
        width: 95%;
        display: flex;
        margin: 0 auto;
    }
    .dh ul li {
        width: 100%;
        height: 80px;
        line-height: 80px;
        text-align: center;
        position: relative;
        
    }
    .dh li a {
        width: 100%;
        font-size: 20px;
        color: #333;
        display: block;
    }
    .top_r {
        width: 21%;
        background-color: rgb(1 120 189);
        display: none;
    }
    .top_r p {
        font-size: 25px;
        color: #fff;
    }
    .dh li a:hover {
        color: rgb(1, 58, 145);
    }
    .dh li::before {
        content: "";
        position: absolute;
        bottom: 10px;
        left: 10px;
        width: 0%;
        height: 3px;
        background-color: rgb(1, 106, 167);
    }
    .dh li:hover::before {
        width: 60%;
        transition: all 0.5s ease;
    }
}
/* -------------------------------------------------------------------------banner图 */
.rslides {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

.rslides li {
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}

.rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
}

.slide_container {
    position: relative;
    float: left;
    width: 100%;
    overflow: hidden;
}

.slide {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

.slide li {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}

.slide img {
    display: block;
    position: relative;
    z-index: 1;
    height: auto;
    width: 100%;
    border: 0;
}

.slide .caption {
    display: block;
    position: absolute;
    z-index: 2;
    font-size: 20px;
    text-shadow: none;
    color: #fff;
    background: #000;
    background: rgba(0, 0, 0, 0.8);
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 20px;
    margin: 0;
    max-width: none;
}

.slide_nav {
    position: absolute;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 52%;
    left: 1%;
    opacity: 0.7;
    z-index: 3;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    height: 70px;
    width: 65px;
    background: transparent url("../UploadFiles/themes.png") no-repeat left top;
    margin-top: -45px;
}

.slide_nav:active {
    opacity: 1.0;
}

.slide_nav.next {
    left: auto;
    background-position: right top;
    right: 1%;
}

.slide_container .tu {
    width: 100%;
    height: 602px;
}
/* -------------------------------------------------------------产品 */
.cp {
    width: 100%;
    height: auto;
    background: url(/UploadFiles/pic/cp_bg1.jpg);
    background-size: 100% 100%;
    padding: 110px 0px 75px 0px;
    clear: both;
    position: relative;
}
.cp_t {
    position: absolute;
    top: 0;
    left: 37%;
    padding-top: 60px;
}
.cp_t h2 {
    font-size: 2.5rem;
    color: rgb(2 117 183);
    font-weight: 500;
    margin-top: -70px;
    margin-left: -20px;
    display: flex;
    margin-bottom: 15px;
}
.cp_t h2 span {
    width: 150px;
    height: 1px;
    background-color: rgb(114, 114, 114);
    display: block;
    margin-top: 30px;
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
}
.cp_t h2 span:nth-child(1):before {
    content: "";
    top: -2px;
    right: 0;
    display: block;
    position: absolute;
    width: 45px;
    height: 5px;
    background-color: #99b443;
}
.cp_t h2 span:nth-child(2):before {
    content: "";
    top: -2px;
    left: 0;
    display: block;
    position: absolute;
    width: 45px;
    height: 5px;
    background-color: #99b443;
}
.cp_t p {
    font-size: 3rem;
    color: rgba(212, 212, 212, 0.233);
    font-weight: 600;
    letter-spacing: 1px;
}
.cp_t i {
    font-size: 16px;
    color: #333;
    letter-spacing: 2px;
    margin-left: 17px;

}
.cpp_n {
    width: 100%;
    height: auto;
    padding-top: 50px;
}
.cpp_n ul {
    width: 90%;
    height: auto;
    display: flex;
    margin: 0 auto;
    flex-wrap: wrap;
}
.cpp_n ul li {
    width: calc((100% - 10%) / 4 );
    height: auto;
    margin: 20px;
}
.cpp_n li a {
    width: 100%;
    display: block;
}
.cpp_n a h3 {
    width: 100%;
    overflow: hidden;
}
.cpp_n a h3 img {
    width: 100%;
    display: block;
    transition: all 0.5s ease;
}
.cpp_n a ol {
    width: 100%;
    height: 50px;
    background-color: #fff;
    position: relative;
}

.cpp_n a ol p {
    width: 100%;
    color: #333;
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    transform: translate(-50%);
    left: 50%;
}
.cpp_n a:hover img {
    transform: scale(1.1);
    transition: all 0.5s ease;
}
.cpp_n ol::before {
    content: "";
    position: absolute;
    display: block;
    width: 0%;
    height: 50px;
    background-color: #0275b7;
    transition: all 0.5s ease;
}
.cpp_n a:hover ol::before {
    width: 100%;
    transition: all 0.5s ease;
    background-color: #0275b7;
}
.cpp_n a:hover ol p {
    color: #fff;
}
.cpp_a {
    width: 8%;
    height: auto;
    margin: 0 auto;
    padding-top: 30px;
}
.cpp_a a {
    width: 150px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    display: block;
    border: 1px solid #0275b7;
    background-color: #0275b7;
    color: #fff;
    font-size: 18px;
    border-radius: 30px;

}
.cpp_a a:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #0275b7;
    transition: all 0.5s ease;
}
/* .slideBox {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    padding-top: 70px;
}

.slideBox .hd {
    height: 15px;
    overflow: hidden;
    position: absolute;
    right: 25px;
    bottom: 15px;
    z-index: 1;
}

.slideBox .hd ul {
    overflow: hidden;
    zoom: 1;
    float: left;
}

.slideBox .hd ul li {
    float: left;
    margin-right: 2px;
    width: 10px;
    height: 10px;
    line-height: 14px;
    text-align: center;
    background: #fff;
    cursor: pointer;
    border-radius: 30px;
}

.slideBox .hd ul li.on {
    background: rgb(1, 113, 204);
    color: #fff;
}

.slideBox .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}

.slideBox .bd li {
    zoom: 1;
    vertical-align: middle;
    position: relative;
}

.slideBox .bd ul li ol {
    width: 45%;
    position: absolute;
    left: 55%;
    top: 0;
    height: auto;
    padding: 13px 0px 13px 0px;
}
.slideBox .bd ul li ol p:nth-child(1) {
    font-size: 30px;
    color: #333;
    font-weight: 600;
    margin-bottom: 10px;
    display: flex;
}
.slideBox .bd ul li ol p:nth-child(1) a {
    font-size: 15px;
    border: 1px solid;
    display: block;
    width: 100px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: rgb(1, 114, 219);
    border-radius: 30px;
    margin-left: 20px;
    margin-top: 3px;
}
.slideBox .bd ul li ol p:nth-child(1) a:hover {
    color: #fff;
    background-color: rgb(1, 114, 219);
}

.slideBox .bd ul li ol p:nth-child(2) {
    font-size: 25px;
    color: #333;
    margin-bottom: 20px;
}
.slideBox .bd ul li ol p:nth-child(3) {
    font-size: 23px;
    color: #333;
    line-height: 40px;
    margin-bottom: 15px;
}
.slideBox .bd ul li ol p:nth-child(3) span {
    font-size: 23px;
    color: rgb(0, 123, 180);
}
.slideBox .bd ul li ol p:nth-child(4) {
    font-size: 23px;
    color: #333;
    line-height: 40px;
    width: 75%;
}
.slideBox .bd img {
    width: 30%;
    height: auto;
    display: block;
    margin-left: 225px;
}
.slideBox .bd ul li:nth-child(2) img {
    width: 35%;
    margin-left: 170px;
}


.slideBox .prev,
.slideBox .next {
    position: absolute;
    left: 3%;
    top: 50%;
    margin-top: -25px;
    display: block;
    width: 50px;
    height: 65px;
    background: url(/UploadFiles/pic/slider-arrow.png) -101px 15px no-repeat;
    filter: alpha(opacity=50);
    background-color: rgb(1 136 215 / 81%);
    border-radius: 5px;
}

.slideBox .next {
    left: auto;
    right: 3%;
    background-position: 18px 16px;
}

.slideBox .prev:hover,
.slideBox .next:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}

.slideBox .prevStop {
    display: none;
}

.slideBox .nextStop {
    display: none;
} */
@media (max-width:1440px) {
    .cp {
        width: 100%;
        height: auto;
        background: url(/UploadFiles/pic/cp_bg1.jpg);
        background-size: 100% 100%;
        padding: 75px 0px 50px 0px;
        clear: both;
        position: relative;
    }
    .cp_t {
        position: absolute;
        top: 0;
        left: 33%;
        padding-top: 60px;
    }
    .cp_t h2 {
        font-size: 2.5rem;
        color: rgb(2 117 183);
        font-weight: 500;
        margin-top: -70px;
        margin-left: -20px;
        display: flex;
        margin-bottom: 15px;
    }
    .cp_t h2 span {
        width: 150px;
        height: 1px;
        background-color: rgb(114, 114, 114);
        display: block;
        margin-top: 30px;
        margin-left: 10px;
        margin-right: 10px;
        position: relative;
    }
    .cp_t h2 span:nth-child(1):before {
        content: "";
        top: -2px;
        right: 0;
        display: block;
        position: absolute;
        width: 45px;
        height: 5px;
        background-color: #99b443;
    }
    .cp_t h2 span:nth-child(2):before {
        content: "";
        top: -2px;
        left: 0;
        display: block;
        position: absolute;
        width: 45px;
        height: 5px;
        background-color: #99b443;
    }
    .cp_t p {
        font-size: 3rem;
        color: rgba(212, 212, 212, 0.233);
        font-weight: 600;
        letter-spacing: 1px;
    }
    .cp_t i {
        font-size: 16px;
        color: #333;
        letter-spacing: 2px;
        margin-left: 17px;
    
    }
    .cpp_n {
        width: 100%;
        height: auto;
        padding-top: 50px;
    }
    .cpp_n ul {
        width: 90%;
        height: auto;
        display: flex;
        margin: 0 auto;
        flex-wrap: wrap;
    }
    .cpp_n ul li {
        width: calc((100% - 13%) / 4 );
        height: auto;
        margin: 20px;
    }
    .cpp_n li a {
        width: 100%;
        display: block;
    }
    .cpp_n a h3 {
        width: 100%;
        overflow: hidden;
    }
    .cpp_n a h3 img {
        width: 100%;
        display: block;
        transition: all 0.5s ease;
    }
    .cpp_n a ol {
        width: 100%;
        height: 50px;
        background-color: #fff;
        position: relative;
    }
    
    .cpp_n a ol p {
        width: 100%;
        color: #333;
        font-size: 18px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        position: absolute;
        transform: translate(-50%);
        left: 50%;
    }
    .cpp_n a:hover img {
        transform: scale(1.1);
        transition: all 0.5s ease;
    }
    .cpp_n ol::before {
        content: "";
        position: absolute;
        display: block;
        width: 0%;
        height: 50px;
        background-color: #0275b7;
        transition: all 0.5s ease;
    }
    .cpp_n a:hover ol::before {
        width: 100%;
        transition: all 0.5s ease;
        background-color: #0275b7;
    }
    .cpp_n a:hover ol p {
        color: #fff;
    }
    .cpp_a {
        width: 8%;
        height: auto;
        margin: 0 auto;
        padding-top: 30px;
    }
    .cpp_a a {
        width: 150px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        display: block;
        border: 1px solid #0275b7;
        background-color: #0275b7;
        color: #fff;
        font-size: 18px;
        border-radius: 30px;
    
    }
    .cpp_a a:hover {
        background-color: rgba(0, 0, 0, 0);
        color: #0275b7;
        transition: all 0.5s ease;
    }
    /* .slideBox {
        width: 100%;
        height: auto;
        overflow: hidden;
        position: relative;
        padding-top: 70px;
    }
    
    .slideBox .hd {
        height: 15px;
        overflow: hidden;
        position: absolute;
        right: 25px;
        bottom: 15px;
        z-index: 1;
    }
    
    .slideBox .hd ul {
        overflow: hidden;
        zoom: 1;
        float: left;
        
    }
    
    .slideBox .hd ul li {
        float: left;
        margin-right: 2px;
        width: 10px;
        height: 10px;
        line-height: 14px;
        text-align: center;
        background: #fff;
        cursor: pointer;
        border-radius: 30px;
    }
    
    .slideBox .hd ul li.on {
        background: rgb(1, 113, 204);
        color: #fff;
    }
    
    .slideBox .bd {
        position: relative;
        height: 100%;
        z-index: 0;
    }
    
    .slideBox .bd li {
        zoom: 1;
        vertical-align: middle;
        position: relative;
    }
    .slideBox .bd ul li:nth-child(2) img {
        width: 45%;
        margin-left: 115px;
    }
    .slideBox .bd ul li ol {
        width: 45%;
        position: absolute;
        left: 55%;
        top: 0;
        height: auto;
        padding: 13px 0px 13px 0px;
    }
    .slideBox .bd ul li ol p:nth-child(1) {
        font-size: 30px;
        color: #333;
        font-weight: 600;
        margin-bottom: 10px;
    }
    .slideBox .bd ul li ol p:nth-child(2) {
        font-size: 25px;
        color: #333;
        margin-bottom: 20px;
    }
    .slideBox .bd ul li ol p:nth-child(3) {
        font-size: 23px;
        color: #333;
        line-height: 40px;
        margin-bottom: 15px;
    }
    .slideBox .bd ul li ol p:nth-child(3) span {
        font-size: 23px;
        color: rgb(0, 123, 180);
    }
    .slideBox .bd ul li ol p:nth-child(4) {
        font-size: 23px;
        color: #333;
        line-height: 40px;
        width: 75%;
        overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    }
    .slideBox .bd img {
        width: 36%;
        height: auto;
        display: block;
        margin-left: 180px;
    }
    
    
    
    .slideBox .prev,
    .slideBox .next {
        position: absolute;
        left: 3%;
        top: 50%;
        margin-top: -25px;
        display: block;
        width: 50px;
        height: 65px;
        background: url(/UploadFiles/pic/slider-arrow.png) -101px 15px no-repeat;
        filter: alpha(opacity=50);
        background-color: rgb(1 136 215 / 81%);
        border-radius: 5px;
    }
    
    .slideBox .next {
        left: auto;
        right: 3%;
        background-position: 18px 16px;
    }
    
    .slideBox .prev:hover,
    .slideBox .next:hover {
        filter: alpha(opacity=100);
        opacity: 1;
    }
    
    .slideBox .prevStop {
        display: none;
    }
    
    .slideBox .nextStop {
        display: none;
    } */
}
@media (max-width:1024px) {
    .cp {
        width: 100%;
        height: auto;
        background: url(/UploadFiles/pic/cp_bg1.jpg);
        background-size: 100% 100%;
        padding: 75px 0px 50px 0px;
        clear: both;
        position: relative;
    }
    .cp_t {
        position: absolute;
        top: 0;
        left: 27%;
        padding-top: 40px;
    }
    .cp_t h2 {
        font-size: 2.5rem;
        color: rgb(2 117 183);
        font-weight: 500;
        margin-top: -70px;
        margin-left: -20px;
        display: flex;
        margin-bottom: 15px;
    }
    .cp_t h2 span {
        width: 150px;
        height: 1px;
        background-color: rgb(114, 114, 114);
        display: block;
        margin-top: 30px;
        margin-left: 10px;
        margin-right: 10px;
        position: relative;
    }
    .cp_t h2 span:nth-child(1):before {
        content: "";
        top: -2px;
        right: 0;
        display: block;
        position: absolute;
        width: 45px;
        height: 5px;
        background-color: #99b443;
    }
    .cp_t h2 span:nth-child(2):before {
        content: "";
        top: -2px;
        left: 0;
        display: block;
        position: absolute;
        width: 45px;
        height: 5px;
        background-color: #99b443;
    }
    .cp_t p {
        font-size: 3rem;
        color: rgba(212, 212, 212, 0.233);
        font-weight: 600;
        letter-spacing: 1px;
    }
    .cp_t i {
        font-size: 16px;
        color: #333;
        letter-spacing: 2px;
        margin-left: 17px;
    
    }
    .cpp_n {
        width: 100%;
        height: auto;
        padding-top: 50px;
    }
    .cpp_n ul {
        width: 98%;
        height: auto;
        display: flex;
        margin: 0 auto;
        flex-wrap: wrap;
    }
    .cpp_n ul li {
        width: calc((100% - 9%) / 2 );
        height: auto;
        margin: 20px;
    }
    .cpp_n li a {
        width: 100%;
        display: block;
    }
    .cpp_n a h3 {
        width: 100%;
        overflow: hidden;
    }
    .cpp_n a h3 img {
        width: 100%;
        display: block;
        transition: all 0.5s ease;
    }
    .cpp_n a ol {
        width: 100%;
        height: 60px;
        background-color: #fff;
        position: relative;
    }
    
    .cpp_n a ol p {
        width: 100%;
        color: #333;
        font-size: 30px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        position: absolute;
        transform: translate(-50%);
        left: 50%;
    }
    .cpp_n a:hover img {
        transform: scale(1.1);
        transition: all 0.5s ease;
    }
    .cpp_n ol::before {
        content: "";
        position: absolute;
        display: block;
        width: 0%;
        height: 50px;
        background-color: #0275b7;
        transition: all 0.5s ease;
    }
    .cpp_n a:hover ol::before {
        width: 100%;
        transition: all 0.5s ease;
        background-color: #0275b7;
    }
    .cpp_n a:hover ol p {
        color: #fff;
    }
    .cpp_a {
        width: 15%;
        height: auto;
        margin: 0 auto;
        padding-top: 30px;
    }
    .cpp_a a {
        width: 150px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        display: block;
        border: 1px solid #0275b7;
        background-color: #0275b7;
        color: #fff;
        font-size: 22px;
        border-radius: 30px;
    
    }
    .cpp_a a:hover {
        background-color: rgba(0, 0, 0, 0);
        color: #0275b7;
        transition: all 0.5s ease;
    }
    /* .slideBox {
        width: 100%;
        height: auto;
        overflow: hidden;
        position: relative;
        padding-top: 70px;
    }
    
    .slideBox .hd {
        height: 15px;
        overflow: hidden;
        position: absolute;
        right: 25px;
        bottom: 15px;
        z-index: 1;
    }
    
    .slideBox .hd ul {
        overflow: hidden;
        zoom: 1;
        float: left;
        
    }
    
    .slideBox .hd ul li {
        float: left;
        margin-right: 2px;
        width: 10px;
        height: 10px;
        line-height: 14px;
        text-align: center;
        background: #fff;
        cursor: pointer;
        border-radius: 30px;
    }
    
    .slideBox .hd ul li.on {
        background: rgb(1, 113, 204);
        color: #fff;
    }
    
    .slideBox .bd {
        position: relative;
        height: 100%;
        z-index: 0;
    }
    .slideBox .bd ul {
        padding-bottom: 20px !important; 
        
    }
    .slideBox .bd li {
        zoom: 1;
        vertical-align: middle;
        position: relative;
    }
    .slideBox .bd ul li:nth-child(2) img {
        width: 45%;
        margin-left: 85px;
    }
    .slideBox .bd ul li ol {
        width: 45%;
        position: absolute;
        left: 55%;
        top: 0;
        height: auto;
        padding: 13px 0px 13px 0px;
    }
    .slideBox .bd ul li ol p:nth-child(1) {
        font-size: 30px;
        color: #333;
        font-weight: 600;
        margin-bottom: 10px;
    }
    .slideBox .bd ul li ol p:nth-child(2) {
        font-size: 25px;
        color: #333;
        margin-bottom: 20px;
    }
    .slideBox .bd ul li ol p:nth-child(3) {
        font-size: 23px;
        color: #333;
        line-height: 40px;
        margin-bottom: 15px;
    }
    .slideBox .bd ul li ol p:nth-child(3) span {
        font-size: 23px;
        color: rgb(0, 123, 180);
    }
    .slideBox .bd ul li ol p:nth-child(4) {
        font-size: 23px;
        color: #333;
        line-height: 40px;
        width: 75%;
        overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: none;
    }
    .slideBox .bd img {
        width: 36%;
        height: auto;
        display: block;
        margin-left: 115px;
    }
    
    
    
    .slideBox .prev,
    .slideBox .next {
        position: absolute;
        left: 3%;
        top: 50%;
        margin-top: -25px;
        display: block;
        width: 50px;
        height: 65px;
        background: url(/UploadFiles/pic/slider-arrow.png) -101px 15px no-repeat;
        filter: alpha(opacity=50);
        background-color: rgb(1 136 215 / 81%);
        border-radius: 5px;
    }
    
    .slideBox .next {
        left: auto;
        right: 3%;
        background-position: 18px 16px;
    }
    
    .slideBox .prev:hover,
    .slideBox .next:hover {
        filter: alpha(opacity=100);
        opacity: 1;
    }
    
    .slideBox .prevStop {
        display: none;
    }
    
    .slideBox .nextStop {
        display: none;
    } */
}
/* ------------------------------------------------------------关于我们 */
.gy {
    width: 100%;
    height: auto;
    padding: 80px 0px 50px 0px;
    background-size: 100% 100%;
}
.gy dl {
    font-size: 3rem;
    color: rgb(78, 78, 78);
    text-align: center;
    letter-spacing: 2px;
    margin-bottom: 50px;
}
.gy dl span {
    font-size: 3rem;
    color: rgb(2 117 183);
    text-align: center;
    letter-spacing: 2px;
    margin-bottom: 50px;
}
.ggg {
    display: none;
}
.gy p {
    letter-spacing: 1px;
    line-height: 40px;
}
.gy p:nth-child(3){
    width: 98%;
    height: auto;
    font-size: 18px;
    color: #333;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 15px;
}
.gy p:nth-child(4){
    width: 85%;
    height: auto;
    font-size: 18px;
    color: #333;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 15px;
}
.gy p:nth-child(5){
    width: 85%;
    height: auto;
    font-size: 18px;
    color: #333;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 15px;
    line-height: 30px;
}
.gy p:nth-child(6){
    width: 85%;
    height: auto;
    font-size: 18px;
    color: #333;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 15px;
    
}
.gy a {
    width: 160px;
    height: 40px;
    border-radius: 30px;
    border: 1px solid rgb(2 117 183);
    margin: 0 auto;
    font-size: 18px;
    display: block;
    text-align: center;
    line-height: 40px;
    color: #fff;
    background-color: rgb(2 117 183);
    margin-top: 50px;
}
.gy a:hover {
    background-color: rgba(255, 255, 255, 0);
    color: rgb(2 117 183);
    transition: all 0.5s ease;
}
.llx {
    width: 100%;
    height: auto;
    display: flex;
}

.llx_l  {
    width: 28%;
    height: auto;
}
.llx_l  img {
    width: 100%;
    height: auto;
}
.llx_r {
    width: 72%;
    background-color: rgb(2 117 183);
    padding: 50px;
    display: flex;
}
.llxr_l {
    width: 70%;
    height: auto;
}
.llxr_l p:nth-child(1) {
    font-size: 2rem;
    color: #fff;
    margin-bottom: 30px;
}
.llxr_l p:nth-child(2) {
    font-size: 25px;
    font-weight: 600;
    color: #fff;
    position: relative;
    padding-left: 65px;
    letter-spacing: 1px;
}
.llxr_l p:nth-child(2)::before {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    background: url(/UploadFiles/pic/icon-fcaontct.png) 3px;
    border: 1px solid #fff;
    border-radius: 50px;
    width: 50px;
    height: 50px;
}
.llxr_r {
    width: 30%;
    height: auto;

}
.llxr_r a {
    width: 160px;
    height: 40px;
    border-radius: 30px;
    border: 1px solid rgb(255, 255, 255);
    margin: 0 auto;
    font-size: 18px;
    display: block;
    text-align: center;
    line-height: 40px;
    color: rgb(2 117 183);
    background-color: rgb(255, 255, 255);
    margin-top: 50px;
}
.llxr_r a:hover{
    color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0);
    transition: all 0.5s ease;
}
@media (max-width:1440px) {
    .gy {
        width: 100%;
        height: auto;
        padding: 80px 0px 50px 0px;
        background-size: 100% 100%;
    }
    .gy dl {
        font-size: 3rem;
        color: rgb(78, 78, 78);
        text-align: center;
        letter-spacing: 2px;
        margin-bottom: 50px;
    }
    .gy dl span {
        font-size: 3rem;
        color: rgb(2 117 183);
        text-align: center;
        letter-spacing: 2px;
        margin-bottom: 50px;
    }
    .gy p {
        letter-spacing: 1px;
    }
    .gy p:nth-child(3){
        width: 98%;
        height: auto;
        font-size: 18px;
        color: #333;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 15px;
    }
    .gy p:nth-child(4){
        width: 85%;
        height: auto;
        font-size: 18px;
        color: #333;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 15px;
    }
    .gy p:nth-child(5){
        width: 85%;
        height: auto;
        font-size: 18px;
        color: #333;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 15px;
        line-height: 30px;
    }
    .gy p:nth-child(6){
        width: 85%;
        height: auto;
        font-size: 18px;
        color: #333;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 15px;
        
    }
    .gy a {
        width: 160px;
        height: 40px;
        border-radius: 30px;
        border: 1px solid rgb(2 117 183);
        margin: 0 auto;
        font-size: 18px;
        display: block;
        text-align: center;
        line-height: 40px;
        color: #fff;
        background-color: rgb(2 117 183);
        margin-top: 50px;
    }
    .gy a:hover {
        background-color: rgba(255, 255, 255, 0);
        color: rgb(2 117 183);
        transition: all 0.5s ease;
    }
    .llx {
        width: 100%;
        height: auto;
        display: flex;
    }
    
    .llx_l  {
        width: 42%;
        height: auto;
    }
    .llx_l  img {
        width: 100%;
        height: auto;
    }
    .llx_r {
        width: 72%;
        background-color: rgb(2 117 183);
        padding: 50px;
        display: flex;
    }
    .llxr_l {
        width: 70%;
        height: auto;
    }
    .llxr_l p:nth-child(1) {
        font-size: 2rem;
        color: #fff;
        margin-bottom: 30px;
    }
    .llxr_l p:nth-child(2) {
        font-size: 25px;
        font-weight: 600;
        color: #fff;
        position: relative;
        padding-left: 65px;
        letter-spacing: 1px;
    }
    .llxr_l p:nth-child(2)::before {
        content: "";
        top: 0;
        left: 0;
        position: absolute;
        background: url(/UploadFiles/pic/icon-fcaontct.png) 3px;
        border: 1px solid #fff;
        border-radius: 50px;
        width: 50px;
        height: 50px;
    }
    .llxr_r {
        width: 30%;
        height: auto;
    
    }
    .llxr_r a {
        width: 160px;
        height: 40px;
        border-radius: 30px;
        border: 1px solid rgb(255, 255, 255);
        margin: 0 auto;
        font-size: 18px;
        display: block;
        text-align: center;
        line-height: 40px;
        color: rgb(2 117 183);
        background-color: rgb(255, 255, 255);
        margin-top: 50px;
    }
    .llxr_r a:hover{
        color: rgb(255, 255, 255);
        background-color: rgba(255, 255, 255, 0);
        transition: all 0.5s ease;
    }
}
@media (max-width:1024px) {
    .gy {
        width: 100%;
        height: auto;

        padding: 80px 0px 50px 0px;
        background-size: 100% 100%;
    }
    .gy dl {
        font-size: 3rem;
        color: rgb(78, 78, 78);
        text-align: center;
        letter-spacing: 2px;
        margin-bottom: 50px;
    }
    .gy dl span {
        font-size: 3rem;
        color: rgb(2 117 183);
        text-align: center;
        letter-spacing: 2px;
        margin-bottom: 50px;
    }
    .gy p {
        letter-spacing: 1px;
    }
    .ggg {
        display: block;
    }
    .ggg p {
        width: 90%;
        height: auto;
        font-size: 32px;
        color: #333;
        text-align: center;
        margin: 0 auto;
        line-height: 65px;
        margin-bottom: 15px;
    }
    .gy p:nth-child(3){
        width: 98%;
        height: auto;
        font-size: 25px;
        color: #333;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 15px;
        display: none;
    }
    .gy p:nth-child(4){
        width: 88%;
        height: auto;
        font-size: 25px;
        color: #333;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 15px;
        display: none;
        
    }
    .gy p:nth-child(5){
        width: 85%;
        height: auto;
        font-size: 18px;
        color: #333;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 15px;
        line-height: 30px;
        display: none;
    }
    .gy p:nth-child(6){
        width: 85%;
        height: auto;
        font-size: 18px;
        color: #333;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 15px;
        display: none;
    }
    .gy a {
        width: 160px;
        height: 40px;
        border-radius: 30px;
        border: 1px solid rgb(2 117 183);
        margin: 0 auto;
        font-size: 18px;
        display: block;
        text-align: center;
        line-height: 40px;
        color: #fff;
        background-color: rgb(2 117 183);
        margin-top: 50px;
    }
    .gy a:hover {
        background-color: rgba(255, 255, 255, 0);
        color: rgb(2 117 183);
        transition: all 0.5s ease;
    }
    .llx {
        width: 100%;
        height: auto;
        display: flex;
    }
    
    .llx_l  {
        width: 42%;
        height: auto;
        display: none;
    }
    .llx_l  img {
        width: 100%;
        height: auto;
    }
    .llx_r {
        width: 90%;
        background-color: rgb(2 117 183);
        padding: 50px;
        display: flex;
    }
    .llxr_l {
        width: 70%;
        height: auto;
    }
    .llxr_l p:nth-child(1) {
        font-size: 2rem;
        color: #fff;
        margin-bottom: 30px;
    }
    .llxr_l p:nth-child(2) {
        font-size: 25px;
        font-weight: 600;
        color: #fff;
        position: relative;
        padding-left: 65px;
        letter-spacing: 1px;
    }
    .llxr_l p:nth-child(2)::before {
        content: "";
        top: 0;
        left: 0;
        position: absolute;
        background: url(/UploadFiles/pic/icon-fcaontct.png) 3px;
        border: 1px solid #fff;
        border-radius: 50px;
        width: 50px;
        height: 50px;
    }
    .llxr_r {
        width: 30%;
        height: auto;
    
    }
    .llxr_r a {
        width: 160px;
        height: 40px;
        border-radius: 30px;
        border: 1px solid rgb(255, 255, 255);
        margin: 0 auto;
        font-size: 18px;
        display: block;
        text-align: center;
        line-height: 40px;
        color: rgb(2 117 183);
        background-color: rgb(255, 255, 255);
        margin-top: 50px;
    }
    .llxr_r a:hover{
        color: rgb(255, 255, 255);
        background-color: rgba(255, 255, 255, 0);
        transition: all 0.5s ease;
    }
}
/* -------------------------------------------------------------------------新闻 */
.xw {
    width: 100%;
    height: auto;
    display: flex;
    padding: 75px 0px 50px 0px;
    background: url(/UploadFiles/pic/fnewsbg.jpg);
}
.xw_l {
    width: 55%;
    height: auto;
}
.xwl_t {
    width: 100%;
    height: auto;
    padding-left: 50px;
}
.xwl_t h2 {
    font-size: 2.5rem;
    color: rgb(2 117 183);
    font-weight: 500;
    margin-top: -70px;
    margin-left: 15px;
    display: flex;
    margin-bottom: 15px;
}
.xwl_t h2 span {
    width: 65px;
    height: 1px;
    background-color: rgb(114, 114, 114);
    display: block;
    margin-top: 30px;
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
}
.xwl_t h2 span:nth-child(1):before {
    content: "";
    top: -2px;
    right: 0;
    display: block;
    position: absolute;
    width: 45px;
    height: 5px;
    background-color: #99b443;
}
.xwl_t h2 span:nth-child(2):before {
    content: "";
    top: -2px;
    left: 0;
    display: block;
    position: absolute;
    width: 45px;
    height: 5px;
    background-color: #99b443;
}
.xwl_t p {
    font-size: 3rem;
    color: rgba(212, 212, 212, 0.233);
    font-weight: 600;
    letter-spacing: 1px;
}
.xwl_n {
    width: 100%;
    height: auto;
}
.xwl_n ul {
    width: 100%;
    height: auto;
    display: flex;
    padding-left: 30px;
}
.xwl_n ul li {
    width: 90%;
    margin: 30px;
    
}
.xwl_n ul li a {
    width: 100%;
    display: block;
}
.xwl_n li h3 {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.xwl_n h3 img {
    width: 100%;
    display: block;
    transition: all 0.5s ease;
}
.xwl_n dl {
    width: 100%;
    height: auto;
    margin-top: 20px;

}
.xwl_n dl p:nth-child(1) {
    font-size: 22px;
    color: rgb(66, 66, 66);
    margin-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.xwl_n dl p:nth-child(2) {
    font-size: 16px;
    line-height: 30px;
    color: rgb(87, 87, 87);
    margin-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.xwl_n dl i {
    font-size: 16px;
    color: rgb(141, 141, 141);
}
.xwl_n a:hover img {
    transform: scale(1.1);
    transition: all 0.5s ease;
}
.xwl_n a:hover p:nth-child(1) {
    color: rgb(3, 117, 184);
    transition: all 0.5s ease;
}
.xwl_n a:hover i {
    color: rgb(3, 117, 184);
    transition: all 0.5s ease;
}
.xw_r {
    width: 40%;
    height: auto;
}
.xw_r a {
    width: 100%;
    display: block;
    position: relative;
}
.xwr_i {
    width: 68%;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    position: relative;
}
.xwr_i img {
    width: 100%;
    height: auto;
    transition: all 0.5s ease;
    display: block;
}
.xw_r dl {
    position: absolute;
    right: 30px;
    bottom: -75px;
    background-color: rgb(2, 106, 192);
    padding: 50px 50px 60px 50px;
    border-top-left-radius: 30px;
    width: 50%;
    height: auto;
}
.xw_r dl p:nth-child(1) {
    font-size: 22px;
    color: rgb(233, 233, 233);
    margin-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.xw_r dl p:nth-child(2) {
    font-size: 16px;
    line-height: 30px;
    color: rgb(218, 218, 218);
    margin-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.xw_r dl i {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 92%;
    height: auto;
    padding: 10px 0px 10px 0px;
    background-color: rgb(1, 78, 150);
    font-size: 16px;
    color: #fff;
    padding-left: 39px;
}
.xw_r a:hover img {
    transform: scale(1.1);
    transition: all 0.5s ease;
}
@media (max-width:1440px) {
    .xw {
        width: 100%;
        height: auto;
        display: flex;
        padding: 75px 0px 50px 0px;
        background: url(/UploadFiles/pic/fnewsbg.jpg);
    }
    .xw_l {
        width: 55%;
        height: auto;
    }
    .xwl_t {
        width: 100%;
        height: auto;
        padding-left: 50px;
    }
    .xwl_t h2 {
        font-size: 2.5rem;
        color: rgb(2 117 183);
        font-weight: 500;
        margin-top: -70px;
        margin-left: 15px;
        display: flex;
        margin-bottom: 15px;
    }
    .xwl_t h2 span {
        width: 65px;
        height: 1px;
        background-color: rgb(114, 114, 114);
        display: block;
        margin-top: 30px;
        margin-left: 10px;
        margin-right: 10px;
        position: relative;
    }
    .xwl_t h2 span:nth-child(1):before {
        content: "";
        top: -2px;
        right: 0;
        display: block;
        position: absolute;
        width: 45px;
        height: 5px;
        background-color: #99b443;
    }
    .xwl_t h2 span:nth-child(2):before {
        content: "";
        top: -2px;
        left: 0;
        display: block;
        position: absolute;
        width: 45px;
        height: 5px;
        background-color: #99b443;
    }
    .xwl_t p {
        font-size: 3rem;
        color: rgba(212, 212, 212, 0.233);
        font-weight: 600;
        letter-spacing: 1px;
    }
    .xwl_n {
        width: 100%;
        height: auto;
    }
    .xwl_n ul {
        width: 100%;
        height: auto;
        display: flex;
        padding-left: 30px;
    }
    .xwl_n ul li {
        width: 90%;
        margin: 30px;
        
    }
    .xwl_n ul li a {
        width: 100%;
        display: block;
    }
    .xwl_n li h3 {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .xwl_n h3 img {
        width: 100%;
        display: block;
        transition: all 0.5s ease;
    }
    .xwl_n dl {
        width: 100%;
        height: auto;
        margin-top: 20px;
    
    }
    .xwl_n dl p:nth-child(1) {
        font-size: 22px;
        color: rgb(66, 66, 66);
        margin-bottom: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
    .xwl_n dl p:nth-child(2) {
        font-size: 16px;
        line-height: 30px;
        color: rgb(87, 87, 87);
        margin-bottom: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .xwl_n dl i {
        font-size: 16px;
        color: rgb(141, 141, 141);
    }
    .xwl_n a:hover img {
        transform: scale(1.1);
        transition: all 0.5s ease;
    }
    .xwl_n a:hover p:nth-child(1) {
        color: rgb(3, 117, 184);
        transition: all 0.5s ease;
    }
    .xwl_n a:hover i {
        color: rgb(3, 117, 184);
        transition: all 0.5s ease;
    }
    .xw_r {
        width: 45%;
        height: auto;
    }
    .xw_r a {
        width: 100%;
        display: block;
        position: relative;
    }
    .xwr_i {
        width: 68%;
        margin: 0 auto;
        text-align: center;
        overflow: hidden;
        position: relative;
    }
    .xwr_i img {
        width: 100%;
        height: auto;
        transition: all 0.5s ease;
        display: block;
    }
    .xw_r dl {
        position: absolute;
        right: 30px;
        bottom: -75px;
        background-color: rgb(2, 106, 192);
        padding: 35px 50px 30px 50px;
        border-top-left-radius: 30px;
        width: 50%;
        height: auto;
    }
    .xw_r dl p:nth-child(1) {
        font-size: 22px;
        color: rgb(233, 233, 233);
        margin-bottom: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
    .xw_r dl p:nth-child(2) {
        font-size: 16px;
        line-height: 30px;
        color: rgb(218, 218, 218);
        margin-bottom: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .xw_r dl i {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 91%;
        height: auto;
        padding: 10px 0px 10px 0px;
        background-color: rgb(1, 78, 150);
        font-size: 16px;
        color: #fff;
        padding-left: 39px;
    }
    .xw_r a:hover img {
        transform: scale(1.1);
        transition: all 0.5s ease;
    }
}
@media (max-width:1024px) {
    .xw {
        width: 100%;
        height: auto;
        display: flex;
        padding: 75px 0px 50px 0px;
        background: url(/UploadFiles/pic/fnewsbg.jpg);
    }
    .xw_l {
        width: 94%;
        height: auto;
    }
    .xwl_t {
        width: 100%;
        height: auto;
        padding-left: 50px;
    }
    .xwl_t h2 {
        font-size: 2.5rem;
        color: rgb(2 117 183);
        font-weight: 500;
        margin-top: -70px;
        margin-left: 15px;
        display: flex;
        margin-bottom: 15px;
    }
    .xwl_t h2 span {
        width: 65px;
        height: 1px;
        background-color: rgb(114, 114, 114);
        display: block;
        margin-top: 30px;
        margin-left: 10px;
        margin-right: 10px;
        position: relative;
    }
    .xwl_t h2 span:nth-child(1):before {
        content: "";
        top: -2px;
        right: 0;
        display: block;
        position: absolute;
        width: 45px;
        height: 5px;
        background-color: #99b443;
    }
    .xwl_t h2 span:nth-child(2):before {
        content: "";
        top: -2px;
        left: 0;
        display: block;
        position: absolute;
        width: 45px;
        height: 5px;
        background-color: #99b443;
    }
    .xwl_t p {
        font-size: 3rem;
        color: rgba(212, 212, 212, 0.233);
        font-weight: 600;
        letter-spacing: 1px;
    }
    .xwl_n {
        width: 100%;
        height: auto;
    }
    .xwl_n ul {
        width: 100%;
        height: auto;
        display: flex;
        padding-left: 30px;
    }
    .xwl_n ul li {
        width: 90%;
        margin: 30px;
        
    }
    .xwl_n ul li a {
        width: 100%;
        display: block;
    }
    .xwl_n li h3 {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .xwl_n h3 img {
        width: 100%;
        display: block;
        transition: all 0.5s ease;
    }
    .xwl_n dl {
        width: 100%;
        height: auto;
        margin-top: 20px;
    
    }
    .xwl_n dl p:nth-child(1) {
        font-size: 26px;
        color: rgb(66, 66, 66);
        margin-bottom: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
    .xwl_n dl p:nth-child(2) {
        font-size: 20px;
        line-height: 30px;
        color: rgb(87, 87, 87);
        margin-bottom: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .xwl_n dl i {
        font-size: 16px;
        color: rgb(141, 141, 141);
    }
    .xwl_n a:hover img {
        transform: scale(1.1);
        transition: all 0.5s ease;
    }
    .xwl_n a:hover p:nth-child(1) {
        color: rgb(3, 117, 184);
        transition: all 0.5s ease;
    }
    .xwl_n a:hover i {
        color: rgb(3, 117, 184);
        transition: all 0.5s ease;
    }
    .xw_r {
        width: 50%;
        height: auto;
        display: none;
    }
    .xw_r a {
        width: 100%;
        display: block;
        position: relative;
    }
    .xwr_i {
        width: 68%;
        margin: 0 auto;
        text-align: center;
        overflow: hidden;
        position: relative;
    }
    .xwr_i img {
        width: 100%;
        height: auto;
        transition: all 0.5s ease;
        display: block;
    }
    .xw_r dl {
        position: absolute;
        right: 30px;
        bottom: -75px;
        background-color: rgb(2, 106, 192);
        padding: 50px 50px 60px 50px;
        border-top-left-radius: 30px;
        width: 50%;
        height: auto;
    }
    .xw_r dl p:nth-child(1) {
        font-size: 22px;
        color: rgb(233, 233, 233);
        margin-bottom: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
    .xw_r dl p:nth-child(2) {
        font-size: 16px;
        line-height: 30px;
        color: rgb(218, 218, 218);
        margin-bottom: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .xw_r dl i {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 93%;
        height: auto;
        padding: 10px 0px 10px 0px;
        background-color: rgb(1, 78, 150);
        font-size: 16px;
        color: #fff;
        padding-left: 39px;
    }
    .xw_r a:hover img {
        transform: scale(1.1);
        transition: all 0.5s ease;
    }
}
/* ----------------------------------------------------------------------底部 */
.dibu {
    width: 100%;
    height: 255px;
    background-color: rgb(49, 49, 49);
    
}
.dibu_z {
    width: 80%;
    height: auto;
    margin: 0 auto;
    display: flex;
}
.dibu_l {
    width: 34%;
    height: auto;
    padding: 20px 0px 0px 0px;
display: flex;
}
.dibu_l h3 {
    width: 60%;
    padding-top: 15px;
}
.dibu_l h3 img {
    width: 100%;
}

.dibu_r {
    width: 65%;
    height: auto;
    padding: 20px 0px 0px 0px;
}
.dibur_t {
    width: 100%;
    height: auto;
    padding-top: 10px;
}
.dibur_t ul {
    width: 100%;
    height: auto;
    display: flex;
}
.dibur_t ul li {
    width: 100%;
    text-align: center;
    border-right: 1px solid rgb(150, 150, 150);
}
.dibur_t ul li:nth-child(6) {
    border-right: 0px solid rgb(150, 150, 150);
}
.dibur_t li a {
    font-size: 18px;
    color: #fff;
}
.dibu_r dl {
    width: 100%;
    height: auto;
}
.dibu_r dl ul {
    width: 100%;
    height: auto;
    display: flex;
}
.dibu_r dl ul li {
    width: calc((100% - 11% ) / 3 );
    padding: 20px;
    margin: 20px;
    background-color: #00000038;
}
.dibu_r dl li p {
    font-size: 16px;
    color: #fff;
}
.din_l {
    width: 100%;
    height: 35px;
    display: flex;
    justify-content: center;
    background-color: rgb(43, 43, 43);
    padding-top: 5px;
}
.din_l p {
    font-size: 16px;
    color: #fff;
    margin-top: 3px;
}
@media (max-width:1440px) {
    .dibu {
        width: 100%;
        height: 295px;
        background-color: rgb(49, 49, 49);
        
    }
    .dibu_z {
        width: 95%;
        height: auto;
        margin: 0 auto;
        display: flex;
    }
    .dibu_l {
        width: 25%;
        height: auto;
        padding: 20px 0px 20px 0px;
    flex-direction: column;
    }
    .dibu_l h3 {
        width: 100%;
        padding-top: 15px;
    }
    .dibu_l h3 img {
        width: 85%;
    }
    
    .dibu_r {
        width: 75%;
        height: auto;
        padding: 20px 0px 20px 0px;
    }
    .dibur_t {
        width: 100%;
        height: auto;
        padding-top: 10px;
    }
    .dibur_t ul {
        width: 100%;
        height: auto;
        display: flex;
    }
    .dibur_t ul li {
        width: 100%;
        text-align: center;
        border-right: 1px solid rgb(150, 150, 150);
    }
    .dibur_t ul li:nth-child(6) {
        border-right: 0px solid rgb(150, 150, 150);
    }
    .dibur_t li a {
        font-size: 18px;
        color: #fff;
    }
    .dibu_r dl {
        width: 100%;
        height: auto;
    }
    .dibu_r dl ul {
        width: 100%;
        height: auto;
        display: flex;
    }
    .dibu_r dl ul li {
        width: calc((100% - 11% ) / 3 );
        padding: 20px;
        margin: 20px;
        background-color: #00000038;
    }
    .dibu_r dl li p {
        font-size: 16px;
        color: #fff;
    }
    .din_l {
        width: 100%;
        height: 35px;
        display: flex;
        justify-content: center;
        background-color: rgb(43, 43, 43);
        padding-top: 5px;
    }
    .din_l p {
        font-size: 16px;
        color: #fff;
        margin-top: 3px;
    }
}
@media (max-width:1024px) {
    .dibu {
        width: 100%;
        height: 290px;
        background-color: rgb(49, 49, 49);
        
    }
    .dibu_z {
        width: 95%;
        height: auto;
        margin: 0 auto;
        display: flex;
    }
    .dibu_l {
        width: 25%;
        height: auto;
        padding: 20px 0px 20px 0px;
        display: block;
    }
    .dibu_l h3 {
        width: 100%;
        padding-top: 15px;
    }
    .dibu_l h3 img {
        width: 85%;
    }
    
    .dibu_r {
        width: 100%;
        height: auto;
        padding: 20px 0px 20px 0px;
    }
    .dibur_t {
        width: 100%;
        height: auto;
        padding-top: 10px;
    }
    .dibur_t ul {
        width: 100%;
        height: auto;
        display: flex;
    }
    .dibur_t ul li {
        width: 100%;
        text-align: center;
        border-right: 1px solid rgb(150, 150, 150);
    }
    .dibur_t ul li:nth-child(6) {
        border-right: 0px solid rgb(150, 150, 150);
    }
    .dibur_t li a {
        font-size: 18px;
        color: #fff;
    }
    .dibu_r dl {
        width: 100%;
        height: auto;
    }
    .dibu_r dl ul {
        width: 100%;
        height: auto;
        display: flex;
    }
    .dibu_r dl ul li {
        width: calc((100% - 11% ) / 3 );
        padding: 20px;
        margin: 20px;
        background-color: #00000038;
    }
    .dibu_r dl li p {
        font-size: 16px;
        color: #fff;
    }
    .din_l {
        width: 100%;
        height: 60px;
        display: flex;
        justify-content: center;
        background-color: rgb(43, 43, 43);
        padding-top: 5px;
        flex-wrap: wrap;
    }
    .din_l p {
        font-size: 16px;
        color: #fff;
        margin-top: 3px;
    }
}
.footbox{
	height: 10rem;
	background:rgb(4 98 152 / 52%);
	bottom: 0;
	z-index: 99;
	left: 0; 
	width: 100%;
	min-width: 375px; 
	position: fixed; 
	border-top:0;
	z-index: 1000;
}
.flexbox{
	margin-top:2px;
	text-align: center; 
	display: -webkit-box; 
	display: -webkit-flex; 
	display: -ms-flexbox; 
	display: flex;
}
.footbox ul li{
	-webkit-box-flex: 1; 
	-webkit-flex: 1; 
	-ms-flex: 1;
	flex: 1; 
	text-align:center;
}
.footbox ul li a{ 
	display:block;
	color:#fff;
	font-size:2.5rem;
	line-height:4rem;
	font-weight: 600;
}
.footbox ul li a img{ 
	display:block; 
	width:4rem; 
	height:4rem; 
	margin:5px auto;
}

@media(min-width:1000px){
	.footbox{
		display:none;
	}
}
.sjkx{
	display:block;
}
@media(min-width:1000px){
	.sjkx{
		display: none;
	}
}
/* -------------------------------------------------------------关于我们——内 */
.gy_d {
    width: 96%;
    height: 60px;
    background-color: rgb(1 120 189);
    display: flex;
    justify-content: space-between;
    padding-left: 76px;
}
.gy_d dl {
    width: 10%;
}
.gy_d dl a {
    width: 100%;
    display: block;
    font-size: 20px;
    color: #fff;
    line-height: 60px;
    text-align: center;
    background-color: #3087dd;
}
.gy_n {
    width: 100%;
    height: auto;
    background: url(/UploadFiles/pic/fabbg.jpg);
    padding: 50px 0px 50px 0px;
}
.gyn_t {
    width: 100%;
    height: auto;
    padding-bottom: 30px;
    display: flex;
    justify-content: end;
}
.gyn_t dl {
    padding-right: 100px;
}
.gyn_t p {
    font-size: 3.5rem;
    color: rgba(223, 223, 223, 0.342);
}
.gyn_t h2 {
    font-size: 2.5rem;
    color: #3087dd;
    margin-top: -35px;
}
.gyn_n {
    width: 85%;
    margin: 0 auto;
}
.gyn_n p {
    font-size: 20px;
}
@media (max-width:1440px) {
    .gy_d {
        width: 94%;
        height: 60px;
        background-color: rgb(1 120 189);
        display: flex;
        justify-content: space-between;
        padding-left: 86px;
    }
    .gy_d dl {
        width: 10%;
    }
    .gy_d dl a {
        width: 100%;
        display: block;
        font-size: 20px;
        color: #fff;
        line-height: 60px;
        text-align: center;
        background-color: #3087dd;
    }
    .gy_n {
        width: 100%;
        height: auto;
        background: url(/UploadFiles/pic/fabbg.jpg);
        padding: 50px 0px 50px 0px;
    }
    .gyn_t {
        width: 100%;
        height: auto;
        padding-bottom: 30px;
        display: flex;
        justify-content: end;
    }
    .gyn_t dl {
        padding-right: 100px;
    }
    .gyn_t p {
        font-size: 3.5rem;
        color: rgba(223, 223, 223, 0.342);
    }
    .gyn_t h2 {
        font-size: 2.5rem;
        color: #3087dd;
        margin-top: -35px;
    }
    .gyn_n {
        width: 85%;
        margin: 0 auto;
    }
}
@media (max-width:1024px) {
    .gy_d {
        width: 91%;
        height: 60px;
        background-color: rgb(1 120 189);
        display: flex;
        justify-content: space-between;
        padding-left: 87px;
    }
    .gy_d dl {
        width: 18%;
    }
    .gy_d dl a {
        width: 100%;
        display: block;
        font-size: 20px;
        color: #fff;
        line-height: 60px;
        text-align: center;
        background-color: #3087dd;
    }
    .gy_n {
        width: 100%;
        height: auto;
        background: url(/UploadFiles/pic/fabbg.jpg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        padding: 50px 0px 50px 0px;
    }
    .gyn_n p {
        font-size: 38px;
    }
    
    .gyn_t {
        width: 100%;
        height: auto;
        padding-bottom: 30px;
        display: flex;
        justify-content: end;
    }
    .gyn_t dl {
        padding-right: 100px;
    }
    .gyn_t p {
        font-size: 3.5rem;
        color: rgba(223, 223, 223, 0.342);
    }
    .gyn_t h2 {
        font-size: 2.5rem;
        color: #3087dd;
        margin-top: -35px;
    }
    .gyn_n {
        width: 85%;
        margin: 0 auto;
    }
}
/* -------------------------------------------------------------产品中心——内 */
.cp_d {
    width: 96%;
    height: 60px;
    background-color: rgb(1 120 189);
    display: flex;
    justify-content: space-between;
    padding-left: 76px;
}
.cp_d dl {
    width: 10%;
}
.cp_d dl a {
    width: 100%;
    display: block;
    font-size: 20px;
    color: #fff;
    line-height: 60px;
    text-align: center;
    background-color: #3087dd;
}
.cp_n {
    width: 100%;
    height: auto;
    padding: 30px 0px 30px 0px;
}
.cp_n ul {
    width: 98%;
    height: auto;
    display: flex;
    margin: 0 auto;
    flex-wrap: wrap;
}
.cp_n ul li {
    width: calc((100% - 9%) / 4 );
    height: auto;
    margin: 20px;
}
.cp_n li a {
    width: 100%;
    display: block;
}
.cp_n a h3 {
    width: 100%;
    overflow: hidden;
}
.cp_n a h3 img {
    width: 100%;
    display: block;
    transition: all 0.5s ease;
}
.cp_n a ol {
    width: 100%;
    height: 50px;
    background-color: #fff;
    position: relative;
}

.cp_n a ol p {
    width: 100%;
    color: #333;
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    transform: translate(-50%);
    left: 50%;
}
.cp_n a:hover img {
    transform: scale(1.1);
    transition: all 0.5s ease;
}
.cp_n ol::before {
    content: "";
    position: absolute;
    display: block;
    width: 0%;
    height: 50px;
    background-color: #0275b7;
    transition: all 0.5s ease;
}
.cp_n a:hover ol::before {
    width: 100%;
    transition: all 0.5s ease;
    background-color: #0275b7;
}
.cp_n a:hover ol p {
    color: #fff;
}
/* .cp_n ul {
    width: 80%;
    margin: 0 auto;
}
.cp_n ul li {
    width: 95%;
    height: auto;
    margin: 30px;
    display: flex;
    box-shadow: 0px 0px 12px 2px #e7e7e7;
    justify-content: space-between;
}
.cp_n li h3 {
    width: 32%;
    height: auto;
    overflow: hidden;
    padding-left: 50px;
    
}
.cp_n li h3 img {
    width: 100%;
}
.cp_n li dl {
    width: 60%;
    height: auto;
    border-left: 1px solid rgb(239 239 239);
}
.cp_n li dl P:nth-child(1) {
    font-size: 25px;
    line-height: 50px;
    padding-left: 30px;
    background-color: #3087dd;
    color: #fff;
}
.cp_n li dl P:nth-child(2) {
    font-size: 16px;
    margin-bottom: 15px;
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    color: rgb(63, 63, 63);
}
.cp_n li dl P:nth-child(3) {
    font-size: 16px;
    margin-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    color: rgb(63, 63, 63);
}
.cp_n li dl P:nth-child(4) {
    font-size: 16px;
    margin-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    color: rgb(63, 63, 63);
}
.cp_n li dl P:nth-child(5) {
    font-size: 16px;
    margin-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    color: rgb(63, 63, 63);
}
.cp_n li dl P:nth-child(6) {
    font-size: 16px;
    margin-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    color: rgb(63, 63, 63);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.cp_n li dl a {
    width: 80px;
    display: block;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding-left: 15px;
    color: rgb(255, 255, 255);
    background-color: #3087dd;
    border: 1px solid #3087dd;
    float: right;
    margin-right: 20px;
}
.cp_n li dl a:hover {
    color: #3087dd;
    background-color: rgba(0, 0, 0, 0);
    transition: all 0.5s ease;
} */
@media (max-width:1440px) {
    .cp_d {
        width: 94%;
        height: 60px;
        background-color: rgb(1 120 189);
        display: flex;
        justify-content: space-between;
        padding-left: 86px;
    }
    .cp_d dl {
        width: 10%;
    }
    .cp_d dl a {
        width: 100%;
        display: block;
        font-size: 20px;
        color: #fff;
        line-height: 60px;
        text-align: center;
        background-color: #3087dd;
    }
    .cp_n {
        width: 100%;
        height: auto;
        padding: 30px 0px 30px 0px;
    }
    .cp_n ul {
        width: 98%;
        height: auto;
        display: flex;
        margin: 0 auto;
        flex-wrap: wrap;
    }
    .cp_n ul li {
        width: calc((100% - 12%) / 4 );
        height: auto;
        margin: 20px;
    }
    .cp_n li a {
        width: 100%;
        display: block;
    }
    .cp_n a h3 {
        width: 100%;
        overflow: hidden;
    }
    .cp_n a h3 img {
        width: 100%;
        display: block;
        transition: all 0.5s ease;
    }
    .cp_n a ol {
        width: 100%;
        height: 50px;
        background-color: #fff;
        position: relative;
    }
    
    .cp_n a ol p {
        width: 100%;
        color: #333;
        font-size: 18px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        position: absolute;
        transform: translate(-50%);
        left: 50%;
    }
    .cp_n a:hover img {
        transform: scale(1.1);
        transition: all 0.5s ease;
    }
    .cp_n ol::before {
        content: "";
        position: absolute;
        display: block;
        width: 0%;
        height: 50px;
        background-color: #0275b7;
        transition: all 0.5s ease;
    }
    .cp_n a:hover ol::before {
        width: 100%;
        transition: all 0.5s ease;
        background-color: #0275b7;
    }
    .cp_n a:hover ol p {
        color: #fff;
    }
    /* .cp_n ul {
        width: 90%;
        margin: 0 auto;
    }
    .cp_n ul li {
        width: 95%;
        height: auto;
        margin: 30px;
        display: flex;
        box-shadow: 0px 0px 12px 2px #e7e7e7;
        justify-content: space-between;
    }
    .cp_n li h3 {
        width: 32%;
        height: auto;
        overflow: hidden;
        padding-left: 50px;
        
    }
    .cp_n li h3 img {
        width: 100%;
    }
    .cp_n li dl {
        width: 60%;
        height: auto;
        border-left: 1px solid rgb(239 239 239);
    }
    .cp_n li dl P:nth-child(1) {
        font-size: 25px;
        line-height: 50px;
        padding-left: 30px;
        background-color: #3087dd;
        color: #fff;
    }
    .cp_n li dl P:nth-child(2) {
        font-size: 16px;
        margin-bottom: 15px;
        margin-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
        color: rgb(63, 63, 63);
    }
    .cp_n li dl P:nth-child(3) {
        font-size: 16px;
        margin-bottom: 15px;
        padding-left: 20px;
        padding-right: 20px;
        color: rgb(63, 63, 63);
    }
    .cp_n li dl P:nth-child(4) {
        font-size: 16px;
        margin-bottom: 15px;
        padding-left: 20px;
        padding-right: 20px;
        color: rgb(63, 63, 63);
    }
    .cp_n li dl P:nth-child(5) {
        font-size: 16px;
        margin-bottom: 15px;
        padding-left: 20px;
        padding-right: 20px;
        color: rgb(63, 63, 63);
    }
    .cp_n li dl P:nth-child(6) {
        font-size: 16px;
        margin-bottom: 15px;
        padding-left: 20px;
        padding-right: 20px;
        color: rgb(63, 63, 63);
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
    
    .cp_n li dl a {
        width: 80px;
        display: block;
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        padding-left: 15px;
        color: rgb(255, 255, 255);
        background-color: #3087dd;
        border: 1px solid #3087dd;
        float: right;
        margin-right: 20px;
    }
    .cp_n li dl a:hover {
        color: #3087dd;
        background-color: rgba(0, 0, 0, 0);
        transition: all 0.5s ease;
    } */
}
@media (max-width:1024px) {
    .cp_d {
        width: 91%;
        height: 60px;
        background-color: rgb(1 120 189);
        display: flex;
        justify-content: space-between;
        padding-left: 86px;
    }
    .cp_d dl {
        width: 18%;
    }
    .cp_d dl a {
        width: 100%;
        display: block;
        font-size: 20px;
        color: #fff;
        line-height: 60px;
        text-align: center;
        background-color: #3087dd;
    }
    .cp_n {
        width: 100%;
        height: auto;
        padding: 30px 0px 30px 0px;
    }
    .cp_n ul {
        width: 98%;
        height: auto;
        display: flex;
        margin: 0 auto;
        flex-wrap: wrap;
    }
    .cp_n ul li {
        width: calc((100% - 9%) / 2 );
        height: auto;
        margin: 20px;
    }
    .cp_n li a {
        width: 100%;
        display: block;
    }
    .cp_n a h3 {
        width: 100%;
        overflow: hidden;
    }
    .cp_n a h3 img {
        width: 100%;
        display: block;
        transition: all 0.5s ease;
    }
    .cpp_n a ol {
        width: 100%;
        height: 60px;
        background-color: #fff;
        position: relative;
    }
    
    .cp_n a ol p {
        width: 100%;
        color: #333;
        font-size: 30px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        position: absolute;
        transform: translate(-50%);
        left: 50%;
    }
    .cp_n a:hover img {
        transform: scale(1.1);
        transition: all 0.5s ease;
    }
    .cp_n ol::before {
        content: "";
        position: absolute;
        display: block;
        width: 0%;
        height: 50px;
        background-color: #0275b7;
        transition: all 0.5s ease;
    }
    .cp_n a:hover ol::before {
        width: 100%;
        transition: all 0.5s ease;
        background-color: #0275b7;
    }
    .cp_n a:hover ol p {
        color: #fff;
    }
    /* .cp_n ul {
        width: 90%;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
    }
    .cp_n ul li {
        width: 43%;
        height: auto;
        margin: 30px;
        display: flex;
        box-shadow: 0px 0px 12px 2px #e7e7e7;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .cp_n li h3 {
        width: 100%;
        height: auto;
        overflow: hidden;
        padding-left: 50px;
        
    }
    .cp_n li h3 img {
        width: 100%;
    }
    .cp_n li dl {
        width: 100%;
        height: auto;
        border-left: 1px solid rgb(239 239 239);
    }
    .cp_n li dl P:nth-child(1) {
        font-size: 25px;
        line-height: 50px;
        padding-left: 30px;
        background-color: #3087dd;
        color: #fff;
    }
    .cp_n li dl P:nth-child(2) {
        font-size: 18px;
        margin-bottom: 15px;
        margin-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
        color: rgb(63, 63, 63);
    }
    .cp_n li dl P:nth-child(3) {
        font-size: 18px;
        margin-bottom: 15px;
        padding-left: 20px;
        padding-right: 20px;
        color: rgb(63, 63, 63);
    }
    .cp_n li dl P:nth-child(4) {
        font-size: 18px;
        margin-bottom: 15px;
        padding-left: 20px;
        padding-right: 20px;
        color: rgb(63, 63, 63);
    }
    .cp_n li dl P:nth-child(5) {
        font-size: 18px;
        margin-bottom: 15px;
        padding-left: 20px;
        padding-right: 20px;
        color: rgb(63, 63, 63);
    }
    .cp_n li dl P:nth-child(6) {
        font-size: 18px;
        margin-bottom: 15px;
        padding-left: 20px;
        padding-right: 20px;
        color: rgb(63, 63, 63);
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
    
    .cp_n li dl a {
        width: 80px;
        display: block;
        font-size: 16px;
        height: 40px;
        line-height: 40px;
        padding-left: 15px;
        color: rgb(255, 255, 255);
        background-color: #3087dd;
        border: 1px solid #3087dd;
        float: right;
        margin-right: 20px;
    }
    .cp_n li dl a:hover {
        color: #3087dd;
        background-color: rgba(0, 0, 0, 0);
        transition: all 0.5s ease;
    } */
}
/* ---------------------------------------------------------------荣誉资质 */
.ry_d {
    width: 96%;
    height: 60px;
    background-color: rgb(1 120 189);
    display: flex;
    justify-content: space-between;
    padding-left: 76px;
}
.ry_d dl {
    width: 10%;
}
.ry_d dl a {
    width: 100%;
    display: block;
    font-size: 20px;
    color: #fff;
    line-height: 60px;
    text-align: center;
    background-color: #3087dd;
}
.ry_n {
    width: 100%;
    height: auto;
}
.ry_n ul {
    width: 80%;
    height: auto;
    display: flex;
    margin: 0 auto;
}
.ry_n ul li {
    width: calc((100% - 11%) / 4 );
    margin: 30px;
}
.ry_n ul li a {
    width: 100%;
    display: block;
}
.ry_n a h3 {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.ry_n a h3 img {
    display: block;
    width: 100%;
    transition: all 0.5s ease;
}
.ry_n a ol {
    width: 93%;
    height: 50px;
    border-bottom: 1px solid rgb(199, 199, 199);
    display: flex;
    justify-content: space-between;
    padding: 20px;
    position: relative;
}
.ry_n a ol p {
    font-size: 20px;
    line-height: 50px;
    color: #333;

}
.ry_n a ol span {
    font-size: 18px;
    line-height: 50px;
    background: url(/UploadFiles/pic/jtr3.png) 45px;
    color: rgb(148, 148, 148);
    background-repeat: no-repeat;
    padding-right: 30px;
    transition: all 0.5s ease;
}
.ry_n ol::before {
    content: "";
    bottom: 0;
    left: 0;
    position: absolute;
    width: 0%;
    height: 1px;
    background-color: #0471df;
    display: block;
    transition: all 0.5s ease;
}
.ry_n li a:hover ol::before {
    width: 100%;
    transition: all 0.5s ease;
}
.ry_n li a:hover img {
    transform: scale(1.1);
    transition: all 0.5s ease;
}
.ry_n li a:hover p {
    color: #0471df;
    transition: all 0.5s ease;
}
.ry_n li a:hover span {
    background: url(/UploadFiles/pic/jtr3h.png) 45px;
    background-repeat: no-repeat;
    color: #0471df;
    transition: all 0.5s ease;
}
@media (max-width:1440px) {
    .ry_d {
        width: 94%;
        height: 60px;
        background-color: rgb(1 120 189);
        display: flex;
        justify-content: space-between;
        padding-left: 86px;
    }
    .ry_d dl {
        width: 10%;
    }
    .ry_d dl a {
        width: 100%;
        display: block;
        font-size: 20px;
        color: #fff;
        line-height: 60px;
        text-align: center;
        background-color: #3087dd;
    }
    .ry_n {
        width: 100%;
        height: auto;
    }
    .ry_n ul {
        width: 80%;
        height: auto;
        display: flex;
        margin: 0 auto;
    }
    .ry_n ul li {
        width: calc((100% - 11%) / 4 );
        margin: 30px;
    }
    .ry_n ul li a {
        width: 100%;
        display: block;
    }
    .ry_n a h3 {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .ry_n a h3 img {
        display: block;
        width: 100%;
        transition: all 0.5s ease;
    }
    .ry_n a ol {
        width: 93%;
        height: 50px;
        border-bottom: 1px solid rgb(199, 199, 199);
        display: flex;
        justify-content: space-between;
        padding: 20px;
        position: relative;
    }
    .ry_n a ol p {
        font-size: 20px;
        line-height: 50px;
        color: #333;
    
    }
    .ry_n a ol span {
        font-size: 18px;
        line-height: 50px;
        background: url(/UploadFiles/pic/jtr3.png) 45px;
        color: rgb(148, 148, 148);
        background-repeat: no-repeat;
        padding-right: 30px;
        transition: all 0.5s ease;
    }
    .ry_n ol::before {
        content: "";
        bottom: 0;
        left: 0;
        position: absolute;
        width: 0%;
        height: 1px;
        background-color: #0471df;
        display: block;
        transition: all 0.5s ease;
    }
    .ry_n li a:hover ol::before {
        width: 100%;
        transition: all 0.5s ease;
    }
    .ry_n li a:hover img {
        transform: scale(1.1);
        transition: all 0.5s ease;
    }
    .ry_n li a:hover p {
        color: #0471df;
        transition: all 0.5s ease;
    }
    .ry_n li a:hover span {
        background: url(/UploadFiles/pic/jtr3h.png) 45px;
        background-repeat: no-repeat;
        color: #0471df;
        transition: all 0.5s ease;
    }
}
@media (max-width:1024px) {
    .ry_d {
        width: 91%;
        height: 60px;
        background-color: rgb(1 120 189);
        display: flex;
        justify-content: space-between;
        padding-left: 86px;
    }
    .ry_d dl {
        width: 18%;
    }
    .ry_d dl a {
        width: 100%;
        display: block;
        font-size: 20px;
        color: #fff;
        line-height: 60px;
        text-align: center;
        background-color: #3087dd;
    }
    .ry_n {
        width: 100%;
        height: auto;
    }
    .ry_n ul {
        width: 80%;
        height: auto;
        display: flex;
        margin: 0 auto;
    }
    .ry_n ul li {
        width: calc((100% - 11%) / 2 );
        margin: 30px;
    }
    .ry_n ul li a {
        width: 100%;
        display: block;
    }
    .ry_n a h3 {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .ry_n a h3 img {
        display: block;
        width: 100%;
        transition: all 0.5s ease;
    }
    .ry_n a ol {
        width: 93%;
        height: 50px;
        border-bottom: 1px solid rgb(199, 199, 199);
        display: flex;
        justify-content: space-between;
        padding: 20px;
        position: relative;
    }
    .ry_n a ol p {
        font-size: 20px;
        line-height: 50px;
        color: #333;
    
    }
    .ry_n a ol span {
        font-size: 18px;
        line-height: 50px;
        background: url(/UploadFiles/pic/jtr3.png) 45px;
        color: rgb(148, 148, 148);
        background-repeat: no-repeat;
        padding-right: 30px;
        transition: all 0.5s ease;
    }
    .ry_n ol::before {
        content: "";
        bottom: 0;
        left: 0;
        position: absolute;
        width: 0%;
        height: 1px;
        background-color: #0471df;
        display: block;
        transition: all 0.5s ease;
    }
    .ry_n li a:hover ol::before {
        width: 100%;
        transition: all 0.5s ease;
    }
    .ry_n li a:hover img {
        transform: scale(1.1);
        transition: all 0.5s ease;
    }
    .ry_n li a:hover p {
        color: #0471df;
        transition: all 0.5s ease;
    }
    .ry_n li a:hover span {
        background: url(/UploadFiles/pic/jtr3h.png) 45px;
        background-repeat: no-repeat;
        color: #0471df;
        transition: all 0.5s ease;
    }
}
/* ---------------------------------------------------------------新闻中心——内 */
.xww_d {
    width: 96%;
    height: 60px;
    background-color: rgb(1 120 189);
    display: flex;
    justify-content: space-between;
    padding-left: 76px;
}
.xww_d dl {
    width: 10%;
}
.xww_d dl a {
    width: 100%;
    display: block;
    font-size: 20px;
    color: #fff;
    line-height: 60px;
    text-align: center;
    background-color: #3087dd;
}
.xww_n {
    width: 100%;
    height: auto;
    background-color: #f3f4f5;
}
.xww_n ul {
    width: 85%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
}
.xww_n ul li {
    width: calc((100% - 12%) / 3 );
    margin: 30px;
    background-color: #fff;
}
.xww_n li a {
    width: 100%;
    display: block;
}
.xww_n a h3 {
    width: 100%;
    overflow: hidden;

}
.xww_n a h3 img {
    width: 100%;
    display: block;
    transition: all 0.5s ease;
}
.xww_n a dl {
    width: 90%;
    height: auto;
    padding: 25px 25px 0px 25px;
}
.xww_n a dl p:nth-child(1) {
    font-size: 20px;
    color: #333;
    margin-bottom: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.xww_n a dl p:nth-child(2) {
    font-size: 16px;
    color: rgb(161 161 161);
    margin-bottom: 15px;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.xww_a {
    font-size: 14px;
    color: #bbbbbb;
    margin-bottom: 15px;
    padding-left: 25px;
}
.xww_n a:hover img {
    transform: scale(1.1);
    transition: all 0.5s ease;
}
.xww_n a:hover p:nth-child(1) {
    color: #0471df;
    transition: all 0.5s ease;
}
.xww_n a:hover .xww_a {
    color: #0471df;
}
@media (max-width:1440px) {
    .xww_d {
        width: 94%;
        height: 60px;
        background-color: rgb(1 120 189);
        display: flex;
        justify-content: space-between;
        padding-left: 86px;
    }
    .xww_d dl {
        width: 10%;
    }
    .xww_d dl a {
        width: 100%;
        display: block;
        font-size: 20px;
        color: #fff;
        line-height: 60px;
        text-align: center;
        background-color: #3087dd;
    }
    .xww_n {
        width: 100%;
        height: auto;
        background-color: #f3f4f5;
    }
    .xww_n ul {
        width: 85%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        margin: 0 auto;
    }
    .xww_n ul li {
        width: calc((100% - 15%) / 3 );
        margin: 30px;
        background-color: #fff;
    }
    .xww_n li a {
        width: 100%;
        display: block;
    }
    .xww_n a h3 {
        width: 100%;
        overflow: hidden;
    
    }
    .xww_n a h3 img {
        width: 100%;
        display: block;
        transition: all 0.5s ease;
    }
    .xww_n a dl {
        width: 90%;
        height: auto;
        padding: 25px 9px 0px 25px;
    }
    .xww_n a dl p:nth-child(1) {
        font-size: 20px;
        color: #333;
        margin-bottom: 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
    .xww_n a dl p:nth-child(2) {
        font-size: 16px;
        color: rgb(161 161 161);
        margin-bottom: 15px;
        line-height: 25px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .xww_a {
        font-size: 14px;
        color: #bbbbbb;
        margin-bottom: 15px;
        padding-left: 25px;
    }
    .xww_n a:hover img {
        transform: scale(1.1);
        transition: all 0.5s ease;
    }
    .xww_n a:hover p:nth-child(1) {
        color: #0471df;
        transition: all 0.5s ease;
    }
    .xww_n a:hover .xww_a {
        color: #0471df;
    }
}
@media (max-width:1024px) {
    .xww_d {
        width: 91%;
        height: 60px;
        background-color: rgb(1 120 189);
        display: flex;
        justify-content: space-between;
        padding-left: 86px;
    }
    .xww_d dl {
        width: 18%;
    }
    .xww_d dl a {
        width: 100%;
        display: block;
        font-size: 20px;
        color: #fff;
        line-height: 60px;
        text-align: center;
        background-color: #3087dd;
    }
    .xww_n {
        width: 100%;
        height: auto;
        background-color: #f3f4f5;
    }
    .xww_n ul {
        width: 90%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        margin: 0 auto;
    }
    .xww_n ul li {
        width: calc((100% - 15%) / 2 );
        margin: 30px;
        background-color: #fff;
    }
    .xww_n li a {
        width: 100%;
        display: block;
    }
    .xww_n a h3 {
        width: 100%;
        overflow: hidden;
    
    }
    .xww_n a h3 img {
        width: 100%;
        display: block;
        transition: all 0.5s ease;
    }
    .xww_n a dl {
        width: 90%;
        height: auto;
        padding: 25px 9px 0px 25px;
    }
    .xww_n a dl p:nth-child(1) {
        font-size: 23px;
        color: #333;
        margin-bottom: 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
    .xww_n a dl p:nth-child(2) {
        font-size: 18px;
        color: rgb(161 161 161);
        margin-bottom: 15px;
        line-height: 25px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .xww_a {
        font-size: 14px;
        color: #bbbbbb;
        margin-bottom: 15px;
        padding-left: 25px;
    }
    .xww_n a:hover img {
        transform: scale(1.1);
        transition: all 0.5s ease;
    }
    .xww_n a:hover p:nth-child(1) {
        color: #0471df;
        transition: all 0.5s ease;
    }
    .xww_n a:hover .xww_a {
        color: #0471df;
    }
}
/* ---------------------------------------------------------------联系我们——内 */
.lxx_d {
    width: 96%;
    height: 60px;
    background-color: rgb(1 120 189);
    display: flex;
    justify-content: space-between;
    padding-left: 76px;
}
.lxx_d dl {
    width: 10%;
}
.lxx_d dl a {
    width: 100%;
    display: block;
    font-size: 20px;
    color: #fff;
    line-height: 60px;
    text-align: center;
    background-color: #3087dd;
}
.lxx_n {
    width: 100%;
    height: auto;
}
.lxx_n ul {
    width: 85%;
    height: auto;
    margin: 0 auto;
    display: flex;
}
.lxx_n ul li {
    width: calc((100% - 10%) / 3 );
    background-color: #fff;
    text-align: center;
    padding: 30px;
    margin: 75px 30px 30px 30px;
    box-shadow: 0px 0px 15px 3px #efefef;
}
.lxx_n li h3 {
    padding: 20px 20px 20px 20px;
    width: 20%;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #0471df;
    margin-top: -90px;
}
.lxx_n li h3 img {
    width: 100%;
    height: auto;
}
.lxx_n li p {
    padding: 30px 0px 30px 0px;
    font-size: 20px;
    color: #333;
}
@media (max-width:1440px) {
    .lxx_d {
        width: 94%;
        height: 60px;
        background-color: rgb(1 120 189);
        display: flex;
        justify-content: space-between;
        padding-left: 86px;
    }
    .lxx_d dl {
        width: 10%;
    }
    .lxx_d dl a {
        width: 100%;
        display: block;
        font-size: 20px;
        color: #fff;
        line-height: 60px;
        text-align: center;
        background-color: #3087dd;
    }
    .lxx_n {
        width: 100%;
        height: auto;
    }
    .lxx_n ul {
        width: 85%;
        height: auto;
        margin: 0 auto;
        display: flex;
    }
    .lxx_n ul li {
        width: calc((100% - 10%) / 3 );
        background-color: #fff;
        text-align: center;
        padding: 30px;
        margin: 75px 30px 30px 30px;
        box-shadow: 0px 0px 15px 3px #efefef;
    }
    .lxx_n li h3 {
        padding: 20px 20px 20px 20px;
        width: 20%;
        margin: 0 auto;
        border-radius: 50%;
        background-color: #0471df;
        margin-top: -90px;
    }
    .lxx_n li h3 img {
        width: 100%;
        height: auto;
    }
    .lxx_n li p {
        padding: 30px 0px 30px 0px;
        font-size: 20px;
        color: #333;
    }
}
@media (max-width:1024px) {
    .lxx_d {
        width: 91%;
        height: 60px;
        background-color: rgb(1 120 189);
        display: flex;
        justify-content: space-between;
        padding-left: 86px;
    }
    .lxx_d dl {
        width: 18%;
    }
    .lxx_d dl a {
        width: 100%;
        display: block;
        font-size: 20px;
        color: #fff;
        line-height: 60px;
        text-align: center;
        background-color: #3087dd;
    }
    .lxx_n {
        width: 100%;
        height: auto;
    }
    .lxx_n ul {
        width: 95%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
    }
    .lxx_n ul li:nth-child(1) {
        width: 50%;
        background-color: #fff;
        text-align: center;
        padding: 30px;
        margin: 75px 200px 30px 200px;
        box-shadow: 0px 0px 15px 3px #efefef;
    }
    .lxx_n ul li {
        width: calc((100% - 26%) / 2 );
        background-color: #fff;
        text-align: center;
        padding: 30px;
        margin: 75px 30px 30px 30px;
        box-shadow: 0px 0px 15px 3px #efefef;
    }
    
    .lxx_n li h3 {
        padding: 20px 20px 20px 20px;
        width: 20%;
        margin: 0 auto;
        border-radius: 50%;
        background-color: #0471df;
        margin-top: -90px;
    }
    .lxx_n li h3 img {
        width: 100%;
        height: auto;
    }
    .lxx_n li p {
        padding: 30px 0px 30px 0px;
        font-size: 23px;
        color: #333;
    }
}
/* ------------------------------------------------------------------------产品说明 */
.cpxq {
    width: 100%;
    height: auto;
}
.cpxq h2 {
    padding: 20px 0px 20px 0px;
    font-size: 25px;
    font-weight: 600;
    border-bottom: 1px dotted #bbbbbb;
}
.cpxq_n h1 {
    padding: 20px 0px 20px 0px;
}
.cpxq_n h2 {
    font-size: 22px;
    color: #0471df;
    padding: 20px 0px 20px 0px;
}
.cpxq_n h3 {
    font-size: 22px;
    color: #ff0000;
}
.cpxq_n p {
    font-size: 16px;
    color: #333;
    margin-bottom: 15px;
    text-indent: 2rem;
    line-height: 30px;
}
.cpxq_n1 {
    width: 100%;
    height: auto;
}
.cpxq_n1 ul {
    width: 100%;
    display: flex;
}
.cpxq_n1 ul li {
    width: 50%;
    text-align: center;
}
.cpxq_n1 li h4 {
    font-size: 22px;
    color: #0471df;
    padding: 20px 0px 20px 0px;
}
.cpxq_n1 li table {
    width: 80%;
    margin: 0 auto;
    border-collapse:collapse
}
.cpxq_n1 li td{
    padding: 20px;
    font-size: 18px;
}
.cpxq_n2 {
    width: 100%;
    height: auto;
}
.cpxq_n2 h2 {
    font-size: 22px;
    color: #0471df;
    padding: 20px 0px 20px 0px;
}
.cpxq_n2 p {
    font-size: 16px;
    color: #333;
    margin-bottom: 15px;
    line-height: 30px;
}
@media (max-width:1024px) {
    .cpxq h2 {
        padding: 20px 0px 20px 0px;
        font-size: 50px;
        font-weight: 600;
        border-bottom: 1px dotted #bbbbbb;
    }
    .cpxq_n h1 {
        padding: 20px 0px 20px 0px;
        font-size: 40px;
    }
    .cpxq_n h2 {
        font-size: 45px;
        color: #0471df;
        padding: 20px 0px 20px 0px;
    }
    .cpxq_n h3 {
        font-size: 45px;
        color: #ff0000;
    }
    .cpxq_n p {
        font-size: 40px;
        color: #333;
        margin-bottom: 15px;
        text-indent: 2rem;
        line-height: 70px;
    }
    .cpxq_n1 {
        width: 100%;
        height: auto;
    }
    .cpxq_n1 ul {
        width: 100%;
        display: flex;
    }
    .cpxq_n1 ul li {
        width: 50%;
        text-align: center;
    }
    .cpxq_n1 li h4 {
        font-size: 45px;
        color: #0471df;
        padding: 20px 0px 20px 0px;
    }
    .cpxq_n1 li table {
        width: 80%;
        margin: 0 auto;
    }
    .cpxq_n1 li td{
        padding: 20px;
        font-size: 40px;
    }
    .cpxq_n2 {
        width: 100%;
        height: auto;
    }
    .cpxq_n2 img {
        width: 95%;
    }
    .cpxq_n2 h2 {
        font-size: 45px;
        color: #0471df;
        padding: 20px 0px 20px 0px;
    }
    .cpxq_n2 p {
        font-size: 40px;
        color: #333;
        margin-bottom: 15px;
        line-height: 70px;
    }
}



.difz {
    width: 80%;
    height: auto;
    display: flex;
     margin: 0 auto;
}
.difz p {
    font-size: 17px;
    color: #ffffff;
}
.difz a {
    font-size: 17px;
    color: #fff;
}



@media (max-width:1440px) {
.difz {
    width: 96%;
    height: auto;
    display: flex;
     margin: 0 auto;
}
}